<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>深大水果姐姐</title>
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css">
<link rel="stylesheet" href="css/fruits.css">
<script src="js/jquery.min.js"></script>
<script src="js/customjqmb.js"></script>
<script src="js/jquery.mobile-1.3.2.min.js"></script>
<script src="js/fruits.js"></script>/script>
</head>
<body>
<div id="detailPage" data-role="page" data-dom-cache="true">
		<script type="text/javascript">
			$(document).on("pagebeforeshow", "#detailPage", function(event) {
				if(isBlank(detail_id)){
					goTo('index.html');
				}else{
					itemDetailGet(detail_id);
				}
			});
		</script>
    <div data-role="header" data-position="fixed">
    	<a href="#" data-rel="back" data-role="button" data-icon="back">返回</a>
		<h1 id="detail-header-name">深大水果姐姐</h1>

    </div><!-- /header -->

    <div data-role="content">
	<div id="detail-item" class="detail-item" style="display: block;">
		<input id="detail-item-id" type="hidden" value="">
		<img id="detail-item-img" src="images/5220a492b1702a70385bd01be4e67fac.jpg">
		<div class="operations">
			<a id="cart" data-role="button">放入购物车</a>
			<a id="order" data-role="button" class="btn-success">下单</a>
		</div>
		<div style="text-align: left;line-height: 200%;">
			<div><label id="detail-1">价格:</label><span id="price" class="tuan_price"></span></div>
			<div><label id="detail-2">规格:</label><span id="volume"></span></div>
			<div><label id="detail-3">成分:</label><span id="material"> </span></div>
			<div><label id="detail-4">介绍:</label><span id="submaterial"></span></div>		
		</div>
	</div>
	
		<!-- 悬浮购物车 -->
		<div id="fixed_cart" class="cart">
			<span id="number"></span>
			<img src="img/car@2x.png">
		</div>
		</div><!-- /content -->

		<div data-role="footer" data-id="foo1" data-position="fixed">
			<div data-role="navbar">
				<ul>
					<li><a href="index.html" data-transition="none">鲜果切</a></li>
					<li><a href="index2.html" data-transition="none">随心配</a></li>
					<li><a href="index3.html" data-transition="none">免洗果</a></li>
					<li><a href="index4.html" data-transition="none">组合餐</a></li>
				</ul>
			</div><!-- /navbar -->
		</div><!-- /footer -->

	</div><!-- /page -->
	</body>
	</html>
